<%--
  Created by wsx.
  User: Administrator
  Date: 2020/4/15
  Time: 18:19
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>修改信息</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <script src="statics/jquery-3.4.1.js"></script>
    <style>
        * {
            margin: 0px;
            padding: 0px;
            box-sizing: border-box;
        }

        body {
            background-color: rgb(233, 236, 245);
        }

        #main {
            border: gray solid 1px;
            height: 570px;
            width: 450px;
            margin-left: 550px;
            margin-top: 50px;
            background-color: white;
        }

        #p1 {
            font-size: 25px;
            color: #5FB878;
        }

        #p2 {
            font-size: 13px;
            font-family: 微软雅黑;
            /*border: 1px solid red;*/
            width: 400px;
        }

        #font {
            /*border: red solid 1px;*/
            width: 150px;
            margin-top: 30px;
            margin-left: 25px;
        }

        #form{
            /*border: red solid 1px;*/
            height: 460px;
            margin-top: 20px;
        }

        .layui-input-block{
            /*border: red solid 1px;*/
            width: 400px;
            margin-left: 25px;
        }

        .layui-input{
            margin-top: 20px;
        }

        .layui-btn{
            /*border: red solid 1px;*/
            width: 400px;
            margin-top: 20px;
        }
    </style>
</head>

<body>
<%--头部--%>
<ul class="layui-nav" lay-filter="">
    <!--    layui-this-->
    <li class="layui-nav-item"><a href="reader_home.jsp">首页</a></li>
    <li class="layui-nav-item "><a href="${pageContext.request.contextPath}/queryBooks?currentPage=1">图书查询</a>
    </li>

    <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/borrowinf?currentPage=1">借阅信息</a></li>
    <li class="layui-nav-item"><a href="">借阅历史</a></li>
    <li class="layui-nav-item   layui-this" style="float: right">
        <a href=""><img src="img/user.png" width="37px" height="38px" class="layui-nav-img">我</a>
        <dl class="layui-nav-child ">
            <dd><a href="${pageContext.request.contextPath}/getUserbyName">修改信息</a></dd>
            <dd><a href="javascript:exituser();">退出</a></dd>
        </dl>
    </li>
</ul>
<%--主体--%>
<div id="main">
    <div id="font">
        <p id="p1">修改信息</p>
        <p id="p2">Tips:只能修改密码、姓名、邮箱、手机号哦~</p>
    </div>
    <div id="form">
        <form class="layui-form" action="${pageContext.request.contextPath}/modifyUser" method="post">
            <div class="layui-input-block">
                <input type="text" name="username" value="${requestScope.user.username}" id="username" autocomplete="off" class="layui-input" readonly>
                <input type="password" name="password" value="${requestScope.user.password}" lay-reqText="请输入密码" autocomplete="off" lay-verify="password|required" placeholder="请输入密码"  class="layui-input">
                <input type="text" name="name" lay-reqText="请输入姓名" value="${requestScope.user.name}" autocomplete="off" lay-verify="required" placeholder="请输入姓名"  class="layui-input">
                <input type="text" name="email" lay-reqText="请输入邮箱" value="${requestScope.user.email}" autocomplete="off" lay-verify="email|required" placeholder="请输入邮箱"  class="layui-input">
                <input type="text" name="phone" lay-reqText="请输入手机号" value="${requestScope.user.phone}" autocomplete="off" lay-verify="phone|required" placeholder="请输入手机号"  class="layui-input">
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo" style="width: 400px">立即修改</button>
                    </br>
                    <button type="reset" class="layui-btn layui-btn-primary" style="width: 400px">重置</button>
                    </br>
                    <button type="reset" class="layui-btn  layui-btn-warm" style="width: 400px"
                            onClick="javascript:history.back(-1);">返回
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
</body>
</html>
